fix(login): remove fundo do texto da divisória do login - #518
Conversation
A divisória ou usava um span com bg-white sobreposto à linha via posicionamento absoluto, destoando do fundo da página (he4rt#517). Reestruturada com flexbox e dois <hr> laterais, o texto não precisa mais de cor de fundo em nenhum tema.
|
No actionable comments were generated in the recent review. 🎉 ℹ️ Recent review info⚙️ Run configurationConfiguration used: Repository YAML (base), Central YAML (inherited) Review profile: CHILL Plan: Pro Plus Run ID: 📒 Files selected for processing (1)
Included review availability: Your plan provides up to 2 included reviews per hour; 1 remains after this review. 📝 WalkthroughWalkthroughThe login divider now uses a flex layout with horizontal rules on both sides of the “ou” label. The label no longer uses a page-background fill or absolute positioning. Suggested reviewers: Merge Risk: ⚪ Minimal · up to This is a small, localized login UI change that removes the opaque background from the divider text; no actionable merge-blocking risk remains beyond normal checks and review. 🚥 Pre-merge checks | ✅ 5✅ Passed checks (5 passed)
Full details: Description checkExplanation A descrição explica o problema, a solução, o impacto visual, os passos de teste e referencia a issue Full details: Docstring CoverageExplanation No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 1 files. Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
Descrição
Corrige a diferença de cor entre o fundo do texto da divisória ("ou") da
página de login e o fundo da página.
Antes
O texto era centralizado sobre a linha com posicionamento absoluto e um
spancom cor de fundo opaca para mascarar a linha por baixo dele:bg-white→ retângulo branco destacado sobre o fundo cinzadark:bg-gray-950→ tom levemente diferente do restantePerceptível principalmente ao abrir o DevTools (reportado em #517).
Depois
A divisória foi reestruturada com flexbox: dois
<hr>comflex-1naslaterais e o texto centralizado sem nenhuma classe de background.
Sem cor de fundo no texto, não há como destoar do corpo da página — em
nenhum tema, mesmo que os tokens de cor mudem no futuro.
Como testar
/app/loginbackground-colorCloses #517